.Trend {
  .TrendTop {
    margin-right: 3px;
    margin-bottom: 7px;
    color: #bfbfbf;
    font-weight: 500;
    font-size: 20px;
    font-family: 'Roboto';
    font-style: normal;
    // line-height: 28px;
  }
  .TrendDown {
    font-weight: 500;
    font-size: 21px;
    // font-family: 'Roboto';
    // font-style: normal;
    // line-height: 24px;
  }
}

// .trendItem {
//   display: inline-block;
//   font-size: @font-size-base;
//   line-height: 22px;

//   .up,
//   .down {
//     position: relative;
//     top: 1px;
//     margin-left: 4px;
//     span {
//       font-size: 12px;
//       transform: scale(0.83);
//     }
//   }
//   .up {
//     color: @red-6;
//   }
//   .down {
//     top: -1px;
//     color: @green-6;
//   }

//   &.trendItemGrey .up,
//   &.trendItemGrey .down {
//     color: @text-color;
//   }

//   &.reverseColor .up {
//     color: @green-6;
//   }
//   &.reverseColor .down {
//     color: @red-6;
//   }
// }
